@charset "utf-8";
/* 字体 */
.n{font-weight:normal;font-style:normal;} .b{font-weight:bold;} .i{font-style:italic;}
.fa{font-family:Arial;} .fs{font-family:'宋体';} .fw{font-family:'微软雅黑';}
.tdl{text-decoration:underline;} .tdn{text-decoration:none;}
/* 对齐 */
.tc{text-align:center;} .tr{text-align:right;} .tl{text-align:left;}
.vm{vertical-align:middle;} .vtb{vertical-align:text-bottom;} .vt{vertical-align:top;} 
/* 图片文字对齐 */ 
.vimg{margin-bottom:-3px;}
/* 大小颜色 */
.g0{color:#000;} .g3{color:#333;} .g6{color:#666;} .g9{color:#999;} .wh{color:white;}
.f0{font-size:0;} .f12{font-size:12px;} .f14{font-size:14px;} .f16{font-size:16px;} .f20{font-size:20px;} .f24{font-size:24px;}
/* 外边距 */
.ml2{margin-left:2px;} .mr2{margin-right:2px;} .mt2{margin-top:2px;} .mb2{margin-bottom:2px;}
.ml5{margin-left:5px;} .mr5{margin-right:5px;} .mt5{margin-top:5px;} .mb5{margin-bottom:5px;} 
.ml10{margin-left:10px;} .mr10{margin-right:10px;} .mt10{margin-top:10px;} .mb10{margin-bottom:10px;} 
.ml20{margin-left:20px;} .mr20{margin-right:20px;} .mt20{margin-top:20px;} .mb20{margin-bottom:20px;}
/* 内边距 */
.pl5{padding-left:5px;} .pt5{padding-top:5px;} .pr5{padding-right:5px;} .pb5{padding-bottom:5px;} 
.pl10{padding-left:10px;} .pt10{padding-top:10px;} .pr10{padding-right:10px;} .pb10{padding-bottom:10px;}
.pl20{padding-left:20px;} .pt20{padding-top:20px;} .pr20{padding-right:20px;} .pb20{padding-bottom:20px;}
/* 位置 */
.l{float:left;} .r{float:right;} .cl{clear:both;} 
.rel{position:relative;} .abs{position:absolute;}
.dn{display:none;} .db{display:block;} .di{display:inline;}
.ovh{overflow:hidden;} .ovs{overflow:scroll;}
/* 高度 */
.lh14{line-height:14px;} .lh16{line-height:16px;} .lh18{line-height:18px;} .lh20{line-height:20px;} .lh22{line-height:22px;} .lh24{line-height:24px;}
.h14{height:14px;} .h16{height:16px;} .h18{height:18px;} .h20{height:20px;} .h22{height:22px;} .h24{height:24px;}
/* 清除浮动,父元素class="cf" */
.cf{*zoom:1;} .cf:after{content:'';display:table;clear:both;}
/* 样子 */
.poi{cursor:pointer;}
/* 圆角 */
.br4{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.br8{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.brt4{-moz-border-top-right-radius:4px;-moz-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-webkit-border-top-left-radius:4px;border-top-right-radius:4px;border-top-left-radius:4px;}
.brb4{-moz-border-bottom-right-radius:4px;-moz-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}
.brr10{-moz-border-top-right-radius:10px;-moz-border-bottom-right-radius:10px;-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;}
/* 换行 */
.bk{word-wrap:break-word;}
/************************** Reset 样式类  酌情添加 ********************************************/
body, ul, form{margin:0;padding:0;} body{font-family:'宋体',Arial;font-size:12px;}
a{border:none;text-decoration:none;outline:none;}
a:link{color:#60050b;} a:visited{color:#854040;} a:hover,a:active,a:focus{color:#ae0f0f;outline:none;}
a img{border:none;} em,i{font-style:normal;} dl,dd,h1,h2,h3,h4,h5,h6{margin:0;}
table{border-collapse:collapse;}
hr{display:block;height:1px;border:0;padding:0;border-top:1px solid #ccc;margin:1em 0;}
input[type="text"],input[type="password"],select,textarea {letter-spacing:1px;color:#666;border:1px solid #ccc;background:#fff;}
input,textarea{text-indent:3px;padding:2px 0;*vertical-align:middle;}
h1{font-size:18px;}h2{font-size:16px;}h3{font-size:14px;}h4{font-size:12px;}
/** 注:"\9" 为ie678 都执行前面的属性 ie6:解析"_",ie7解析"+" 67解析"*" */
/* 块元素平铺解决方案，两边对齐，父类必须font-size:0; */
.dib{font-size:0;text-justify:inter-ideograph;}
.dib li{display:inline-block;vertical-align:top;*display:inline;*zoom:1;font-size:12px;}
/*ie67下li漂移后与list-style冲突解决办法让里面的元素变为序列元素 ：li a{*display:list-item;*list-style:disc inside;}*/
/*小箭头样式*/
.nav_arr{position:absolute;margin:18px 10px;+margin-top:5px;border-color:#fff transparent transparent;border-style:solid dashed;border-width:4px 4px 0;line-height:0;-moz-transition:all .1s ease 0s;-webkit-transition:all .1s ease 0s;transition:all .1s ease 0s;}
.arr_r{position:absolute;margin:2px -8px;border-color:transparent transparent transparent #606060;border-style:dashed solid;border-width:4px 0 4px 4px;line-height:0;}
.sdw{-moz-box-shadow:0 3px 5px 0 #c5c0c0,0 6px 7px -3px #dfdada inset;-webkit-box-shadow:0 3px 5px 0 #c5c0c0,0 6px 7px -3px #dfdada inset;box-shadow:0 3px 5px 0 #c5c0c0,0 6px 7px -3px #dfdada inset;}
u{width:100%;height:100%;background:url(../images/camp.png) no-repeat;position:absolute;top:0;left:0;display:block;}/*覆盖文字的元素*/
.red{color:#ae0f0f;}.red:link{color:#ae0f0f;}
.btn{padding:4px 9px 3px 11px;background:#f9f9f9;border:1px solid #ccc;border-bottom-color:#bbb;}/*所有灰色按钮的父类属性*/
/*灰色边框颜色统一：#ccc；背景统一：#f2f2f2；如需一个中间的灰色值用：#e4e4e4；红色字边框底色啥的统一：#ae0f0f；*/
.dot{list-style:none;}/*以line-height：22px为基础*/
.dot li{line-height:22px;padding-left:15px;background:url(../images/camp.png) -385px -386px no-repeat;}
/*临时测试属性*/
.brd{border:1px solid #ccc;}
/*临时测试属性*/

body{background:#f2f2f2 url() repeat-y top center;
*background-image:url(../images/bg.gif);}/*IE67读背景图片*/
#container{width:862px;margin:0 auto;background:#fff;color:#606060;} 
#header{}
#logo{width:280px;width:220px;height:60px;margin:20px 0 0 5px;background:url(../images/camp.png) no-repeat;float:left;}
#banner{height:90px;margin-right:5px;float:right;}
#banner img{width:624px;height:78px;margin-top:15px;}
#sitemap{line-height:30px;margin-top:4px;padding-left:22px;color:#949494;}
#sitemap input{width:80px;height:14px;line-height:14px;}
#nav{background:#ae0f0f;list-style:none;}
#nav li{float:left;}
#nav li .db{line-height:38px;border:1px solid #9a0c0a;border-left:1px solid #ba3b39;border-top:none;padding:0 36px 0 20px;color:#fff;text-align:center;}
#nav li .db.rs{padding:0 25px;}
#nav li .db{background-image:-webkit-gradient(linear,0% 40%, 0% 100%,from(#bc2729),color-stop(0.4,#a1120a),to(#a1120a));background-image:-moz-linear-gradient(0% 40% 270deg, #bc2729,#a1120a, #a1120a 100%);}
#nav li .db:hover,#nav li .db.crt{background:#c95254;}
#nav li .db:hover,#nav li .db.crt{background-image:-webkit-gradient(linear,0% 40%, 0% 100%,from(#c95254),color-stop(0.4,#b4413b),to(#b4413b));background-image:-moz-linear-gradient(0% 40% 270deg, #c95254,#b4413b, #b4413b 100%);}
#nav .db:hover i{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .25s ease 0s; -moz-transition:all .25s ease 0s;-o-transition:all .25s ease 0s;transition:all .25s ease 0s;}

#nav ul{width:105px;padding:0 0 5px;position:absolute;z-index:2;background:#ae0f0f;text-align:left;list-style:none;display:none;}
#nav ul li{float:none;padding-left:0;}
#nav ul li a{*width:83px;margin:2px 1px;padding-left:20px;line-height:20px;color:#fff;display:block;background:url(../images/camp.png) -380px -234px no-repeat;}
#nav ul li a:hover{color:#ae0f0f;background-color:#fff;background-position:-380px -163px;}

#marquee{*width:862px;line-height:20px;margin-top:8px;background:#f2f2f2;overflow:hidden;}
#main{margin-top:5px;}

#game_tabs{}
#game_tabs li{margin:8px 14px;}
#game_tabs li a{position:absolute;top:0;left:0;display:block;}
#game_tabs li h2{width:55px;height:42px;position:relative;}
#game_tabs .keno,#game_tabs .slto,#game_tabs .pck3,#game_tabs .pk4d,#game_tabs .loto,#game_tabs .trax,#game_tabs .ggl{width:55px;height:42px;background:#fff url(../images/camp.png) no-repeat;}
#game_tabs .keno{background-position:-1px -67px;}
#game_tabs .slto{background-position:-54px -67px;}
#game_tabs .pck3{background-position:-105px -67px;}
#game_tabs .pk4d{background-position:-120px -112px;}
#game_tabs .loto{background-position:0px -112px;}
#game_tabs .trax{background-position:-59px -110px;}
#game_tabs .ggl{width:81px;background-position:-198px -459px;}
.down_app{margin:15px 0 0 640px;position:absolute;font-size:14px;}
.down_app .mobile,.down_app .pc{padding:7px 34px 7px 15px;background:url(../images/camp.png) -95px -500px no-repeat;color:white;}
.down_app .pc{background-position:-95px -532px;}

#footer{height:385px;padding-top:5px;}
#channel{width:836px;margin:0 auto;}
#channel dt{line-height:40px;padding-left:140px;background:#ae0f0f url(../images/camp.png) -270px -45px no-repeat;color:#fff;font-weight:bold;}
#channel dd{height:224px;border:1px solid #ccc;border-top:none;background:#f2f2f2;}
#channel .menu .l{width:207px;height:224px;border-left:1px solid #e4e4e4;}
#channel .menu .lbn{border-left:none;}
#channel .menu h3{line-height:25px;padding-left:30px;margin:20px 0 0 40px;background:url(../images/camp.png) -376px -90px no-repeat;}
#channel .menu ul{margin-top:20px;padding-left:70px;}
#channel .menu ul li{line-height:22px;}
#channel .menu ul a{color:#626262;}
#copyright{line-height:28px;padding-top:20px;text-align:center;}
#copyright a{color:#333;line-height:24px;}
#copyright a:hover{color:#008bda;}
#copyright .noice{padding:5px 25px 5px;background:url(../images/camp.png) -381px -412px no-repeat;}
